interface PlateImgProps {
  backColor?: string;
  borderColor?: string;
  plateText?: string;
}

export default (props: PlateImgProps) => {
  const { backColor = 'white', borderColor = '#808080', plateText = '空 泊 位' } = props;
  return (
    <div
      style={{
        background: backColor,
        border: '1px solid #000',
        borderColor: borderColor,
        width: '80px',
        height: '30px',
        display: 'inline-flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}
    >
      <span style={{ fontSize: '16px', fontWeight: 'bold' }}>{plateText}</span>
    </div>
  );
};
